.InspectionA01 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;

	& > div {
		width: 100%;

		&.top {
			display: flex;
			align-items: center;
			justify-content: space-evenly;

			& > div:first-child {
				width: 200px;
				height: 110px !important;

				canvas {
					cursor: pointer !important;
				}
			}

			& > div:last-child {
				width: 194px;
				height: 110px;
				border-radius: 6px;
				background: rgba(11, 82, 112, 0.2);
				border: 2px solid rgba(0, 156, 185, 0.2);
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 16px;

				& > img {
					width: 69px;
					height: 59px;
					display: block;
				}

				& > div {
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;

					& > div:first-child {
						font-size: 16px;
						font-family: MicrosoftYaHei;
						color: #ffffff;
					}

					& > div:last-child {
						font-size: 36px;
						font-family: MicrosoftYaHei;
						color: #ffffff;
					}
				}
			}
		}

		&.btm {
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			flex-direction: column;

			& > div {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 4px 8px;

				& > img {
					width: 45px;
					height: 45px;
					display: block;
					margin-right: 16px;
				}

				& > div {
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: space-between;
					position: relative;
					z-index: 1;

					&::after {
						position: absolute;
						content: "";
						left: 0;
						bottom: 0;
						width: 100%;
						height: 12px;
						background: linear-gradient(
							90deg,
							rgba(0, 255, 238, 0.2),
							rgba(0, 255, 238, 0)
						);
					}

					& > div:first-child {
						font-size: 18px;
						font-family: MicrosoftYaHei;
						font-weight: bold;
						text-indent: 16px;
					}

					& > div:last-child {
						font-size: 24px;
						font-family: MicrosoftYaHei, MicrosoftYaHei;
						font-weight: bold;
						color: #ffffff;
					}
				}
			}
		}
	}
}

.InspectionA02 {
	width: 100%;
	height: 100%;
}

.InspectionA03 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div:first-child {
		margin-bottom: 16px;
	}

	& > div:last-child {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > div {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 8px 0;
			position: relative;
			z-index: 1;
			padding: 0 8px;

			&::after {
				position: absolute;
				content: "";
				left: 0;
				bottom: 0;
				width: 100%;
				height: 12px;
				z-index: -1;
				background: linear-gradient(
					90deg,
					rgba(0, 255, 238, 0.2),
					rgba(0, 255, 238, 0)
				);
			}

			& > div:first-child {
				font-family: YouSheBiaoTiHei;
				font-size: 25px;
			}

			& > div:last-child {
				font-family: YouSheBiaoTiHei;
				font-size: 25px;
				color: #ffffff;
			}
		}
	}
}
